<!-- EtailerIQ -->
<div id="mainApp">
    <div class="overlay center overlayLogin" style="position: fixed;">
        <div class="modal modal-center" style="height: 250px; width: 350px;">
            <div class="header-wrap">
                <div class="title-box">EtailerIQ助手登录</div>
                <div class="close-btn close-btn-login"><img
                        src=""
                        alt=""></div>
            </div>
            <div class="content">
                <div class="prompt-content bg-red-600">
                    <div class="my-input"><input placeholder="请输入账号" type="text" class="my-input__inner"
                            style="width: 90%;"> <i class="my-input__clear">×</i></div>
                    <div class="my-input"><input placeholder="请输入密码" type="password" class="my-input__inner"
                            style="width: 90%;"> <i class="my-input__clear">×</i></div>
                    <div class="input-info">
                        <div class="custom-radio-group" style="display: none;"><label id="mainAccountLabel"
                                class="custom-radio-wrapper checked"><span class="custom-radio"><input type="radio"
                                        name="radio-group" class="custom-radio-input" value="1"> <span
                                        class="custom-radio-inner"></span></span>
                                <span>主账号</span></label><label id="subAccountLabel" class="custom-radio-wrapper"><span
                                    class="custom-radio"><input type="radio" name="radio-group"
                                        class="custom-radio-input" value="2"> <span
                                        class="custom-radio-inner"></span></span>
                                <span>子账号</span></label></div>
                    </div>
                    <button class="zt-button zt-button-primary"><span>登录</span></button>
                </div>
            </div>
        </div>
    </div>
    <div class="overlay center" style="position: fixed;">
        <div class="modal modal-center" style="height: 410px; width: 350px;">
            <div class="header-wrap">
                <div class="title-box">采集设置</div>
                <div class="close-btn"><img
                        src=""
                        alt=""></div>
            </div>
            <div class="content">
                <div class="prompt-set">
                    <div class="set-item">
                        <div class="set-label">预售过滤：</div>
                        <div class="set-info">
                            <div style="padding-top: 8px;">
                                <div class="custom-radio-group"><label class="custom-radio-wrapper"><span
                                            class="custom-radio"><input type="radio" name="radio-group"
                                                class="custom-radio-input" value="1"> <span
                                                class="custom-radio-inner"></span></span>
                                        <span>是</span></label><label class="custom-radio-wrapper checked"><span
                                            class="custom-radio"><input type="radio" name="radio-group"
                                                class="custom-radio-input" value="2"> <span
                                                class="custom-radio-inner"></span></span> <span>否</span></label></div>
                            </div> <!----><!---->
                        </div>
                    </div>
                    <div class="set-item">
                        <div class="set-label">品牌过滤：</div>
                        <div class="set-info" style="padding-top: 8px;">
                            <div class="custom-radio-group"><label class="custom-radio-wrapper"><span
                                        class="custom-radio"><input type="radio" name="radio-group"
                                            class="custom-radio-input" value="1"> <span
                                            class="custom-radio-inner"></span></span> <span>是</span></label><label
                                    class="custom-radio-wrapper checked"><span class="custom-radio"><input type="radio"
                                            name="radio-group" class="custom-radio-input" value="2"> <span
                                            class="custom-radio-inner"></span></span> <span>否</span></label></div>
                        </div>
                    </div>
                    <div class="set-item">
                        <div class="set-label">采集等待上限：</div>
                        <div class="set-info">
                            <div class="my-input"><input placeholder="" type="text" class="my-input__inner"
                                    style="width: 70px;">
                                <!---->
                            </div>
                            <span style="margin-left: 3px;">秒</span>
                        </div>
                    </div>
                    <div class="set-item">
                        <div class="set-label">采集间隔时间：</div>
                        <div class="set-info">
                            <div class="my-input"><input placeholder="" type="text" class="my-input__inner"
                                    style="width: 70px;">
                                <!---->
                            </div>
                            <span style="margin-left: 3px;">秒</span>
                        </div>
                    </div>
                    <div class="set-text">
                        <div class="set-label">标题关键字过滤：</div>
                        <div class="set-info">
                            <div class="my-input"><textarea placeholder="有多个关键字用逗号隔开"
                                    class="my-input__inner my-textarea" style="width: 280px;"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="set-item">
                        <button class="zt-button zt-button-primary" style="width: 90%;"><span>保存设置</span></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="overlay center overlayCollect" style="position: fixed;">
        <div class="modal modal-center" style="height: 230px; width: 400px;">
            <div class="header-wrap">
                <div class="title-box">导入链接</div>
                <div class="close-btn close-btn-collect"><img
                        src=""
                        alt=""></div>
            </div>
            <div class="content">
                <div class="prompt-set" style="height: 170px;">
                    <div class="set-text">
                        <div class="set-label">链接：</div>
                        <div class="set-info">
                            <div class="my-input"><textarea placeholder="一行一个，多个链接用换行分割"
                                    class="my-input__inner my-textarea zk-link" style="width: 90%;"></textarea>
                                <!---->
                            </div>
                        </div>
                    </div>
                    <div class="set-item set-btn">
                        <button class="zt-button zt-button-primary zt-collect-begin"
                            style="width: 90%;"><span>开始采集</span></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="overlay center overlayCollectAll" style="position: fixed;">
        <div class="modal modal-center" style="height: 300px; width: 520px;">
            <div class="header-wrap">
                <div class="title-box">采集链接列表</div>
                <div class="close-btn close-btn-collectAll"><img
                        src=""
                        alt=""></div>
            </div>
            <div class="content">
                <div class="sales-filter-section">
                    <label for="sales-filter">销量过滤:</label>
                    <input type="number" id="sales-filter" value="0" placeholder="输入最低销量" min="0">
                    <button id="apply-sales-filter" class="zt-filterSales">筛选</button>
                    <button id="apply-sales-filter" class="zt-dataCopy">复制</button>
                    <button id="apply-sales-filter" class="zt-collect-page">采集</button>
                    <button id="apply-sales-filter" class="zt-import-page">导入</button>
                </div>
                <div class="prompt-set" style="height: 170px;">
                    <div class="schedule-box">
                        <div class="lin-table">
                            <div class="custom-table">
                                <table id="data-table-page">
                                    <thead>
                                        <tr>
                                            <th class="w-6">序号</th>
                                            <th class="" style="width: 220px;text-align: center;">
                                                链接
                                            </th>
                                            <th class="" style="width: 80px;text-align: center;">
                                                销量
                                            </th>
                                            <!-- <th class="" style="width: 80px;">
                                                采集状态
                                            </th> -->
                                            <!-- <th class="" style="width: 80px;">
                                                操作
                                            </th> -->
                                        </tr>
                                    </thead>
                                    <tbody id="data-body-page">

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="overlay center" style="position: fixed;">
        <div class="modal modal-center" style="height: 200px; width: 400px;">
            <div class="header-wrap">
                <div class="title-box">提示</div>
                <div class="close-btn"><img
                        src=""
                        alt=""></div>
            </div>
            <div class="content">
                <div class="prompt-set" style="height: 140px;">
                    <div class="set-text">
                        <div class="set-label">
                            注意：批量采集可能会有极大概率封号的风险！！
                        </div>
                    </div>
                    <div class="set-error set-btn">
                        <div class="lbtn">
                            <button class="zt-button zt-button-danger"><span>我已知晓风险，继续</span></button>
                        </div>
                        <div class="lbtn">
                            <button class="zt-button zt-button-primary"><span>取消批量采集</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="message-container" style="position: fixed;"></div>
    <div class="collect-box" style="position: fixed; cursor: move;">
        <div class="header-app">
            <div class="etailer-logo">可采集到EtailerIQ</div>
            <div id="loginShow" class="login-show"><span class="etailer-set"><img
                        src=""
                        alt="" srcset=""></span> <span>请登录后操作</span></div>
        </div>
        <div class="etailer-main">
            <div class="btn-search btn-wrap">
                <div class="lbtn">
                    <button class="zt-button zt-button-danger" id="collectList"><span>采集列表页</span>
                    </button>
                </div>
                <div class="lbtn">
                    <button class="zt-button zt-button-danger" id="collectAllList"><span>批量采集列表页</span>
                    </button>
                </div>
                <div class="lbtn">
                    <button class="zt-button zt-button-danger" id="collectMall"><span>采集店铺商品</span>
                    </button>
                </div>
                <div class="lbtn">
                    <button class="zt-button zt-button-danger" id="clearCacheBtn"><span>清除缓存</span>
                    </button>
                </div>
                <div id="collectLink" class="lbtn">
                    <button class="zt-button zt-button-success"><span>导入采集链接</span></button>
                </div>
                <div id="clearLink" class="lbtn">
                    <button class="zt-button zt-button-error"><span>清空采集链接</span></button>
                </div>
                <div class="lbtn">
                    <button class="zt-button" id="toggleButton"><span>收起</span></button>
                </div>
            </div>
            <div class="schedule-box-zk">
                <div class="schedule">
                    当前进度1/1
                </div>
                <div class="lin-table">
                    <div class="custom-table">
                        <table id="data-table">
                            <thead>
                                <tr>
                                    <th class="w-6">序号</th>
                                    <th class="" style="width: 160px;">
                                        链接
                                    </th>
                                    <th class="" style="width: 80px;">
                                        采集状态
                                    </th>
                                    <th class="" style="width: 80px;">
                                        操作
                                    </th>
                                </tr>
                            </thead>
                            <tbody class="scrollable-tbodys">
                                <!-- <tr>
                                <td class="w-6">1</td>
                                <td class="show-overflow" style="width: 160px;">
                                    <div>
                                        https://xiapi.xiapibuy.com/Timberland-%E7%94%B7%E6%AC%BE%E9%98%B2%E6%B0%B46%E5%90%8B%E4%BC%91%E9%96%92%E9%9D%B4(%E5%A4%9A%E6%AC%BE%E4%BB%BB%E9%81%B8)-i.906191534.22480843911
                                    </div>
                                </td>
                                <td class="" style="width: 80px;">
                                    <div>
                                        采集成功
                                    </div>
                                </td>
                                <td class="" style="width: 80px;">
                                    <div><span class="etailer-del">删除</span></div>
                                </td>
                            </tr> -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>